<template>
  <div class="login-view">
    <div class="image" />
    <div class="form">
      <LoginForm />
      <div class="copyright">Copyright © 2025 数字涪陵公司 提供技术支持</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import LoginForm from '@/views/login/LoginForm.vue'
</script>

<style scoped lang="scss">
.login-view {
  @apply grid grid-cols-2;
  @apply h-screen;
  @apply bg-white;
}

.image {
  background-image: url('@/assets/images/login-bg.png');
  @apply bg-no-repeat bg-cover bg-center;
}

.form {
  @apply flex flex-col;
}

.copyright {
  @apply pb-5;
  @apply text-sm;
  @apply text-center;
  @apply text-[#97A3B7];
}
</style>
